$(document).ready(function() {                     
    // Init Progressbar
    $(".progressbar").progressbar({
        value: 0
    });
    
    
    /***************************************************************************
     * Thumb Upload
     ***************************************************************************/    
    
//    $("#thumb_link").click(function(){                  
//        $( ".progressbar" ).progressbar( "option", "value", 0 );        
//        $("#thumb_dialog").dialog("open");
//        return false;
//    });
    
    $("#video_link").click(function(){                  
        $( ".progressbar" ).progressbar( "option", "value", 0 );        
        $("#video_dialog").dialog("open");
        return false;
    });
    
//    $("#thumb_dialog").dialog({
//        width: 400,
//        autoOpen: false,            
//        buttons: {
//            "Upload": function() {
//                $("#thumb_frm").submit();
//            },
//            "Cancel": function() {
//                $( ".progressbar" ).progressbar( "option", "value", 0 );
//                $(this).dialog("close");
//                $("#thumb_result").html("");
//            }
//        }       
//    });
    
    $("#video_dialog").dialog({
        width: 400,
        autoOpen: false,            
        buttons: {
            "Upload": function() {
                $("#video_frm").submit();
            },
            "Cancel": function() {
                $( ".progressbar" ).progressbar( "option", "value", 0 );
                $(this).dialog("close");
                $("#video_result").html("");
            }
        }       
    });
    
//    $("#thumb_frm").ajaxForm({
//        dataType:  "json", 
//        beforeSend: function() {
//            $( ".progressbar" ).progressbar( "option", "value", 0 );
//        },
//        uploadProgress: function(event, position, total, percentComplete) {                
//            $( ".progressbar" ).progressbar( "option", "value", percentComplete );
//        },
//        success: function(data) {            
//            if(data.success == true)            
//            {                
//                $("#thumb_link").html(data.data);
//                $("#thumb_file").val("");
//            }
//        
//            $("#thumb_result").html(data.message);        
//        }
//    });                
    
    /***************************************************************************
     * Photo Upload
     ***************************************************************************/    
    
    $("#photo_link").click(function(){                  
        $( ".progressbar" ).progressbar( "option", "value", 0 );        
        $("#photo_dialog").dialog("open");
        return false;
    });
    
    $("#photo_dialog").dialog({
        width: 400,
        autoOpen: false,            
        buttons: {
            "Upload": function() {
                $("#photo_frm").submit();
            },
            "Cancel": function() {
                $( ".progressbar" ).progressbar( "option", "value", 0 );
                $(this).dialog("close");
                $("#photo_result").html("");
            }
        }       
    });
    
    $("#photo_frm").ajaxForm({
        dataType:  "json", 
        beforeSend: function() {
            $( ".progressbar" ).progressbar( "option", "value", 0 );
        },
        uploadProgress: function(event, position, total, percentComplete) {                
            $( ".progressbar" ).progressbar( "option", "value", percentComplete );
        },
        success: function(data) {            
            if(data.success == true)            
            {                
                $("#photo_link_wrap").before(data.data);
                $("#photo_file").val("");
            }
        
            $("#photo_result").html(data.message);        
        }
    });                
    
    /***************************************************************************
     * App Upload
     ***************************************************************************/
        
    $("#app_link").click(function(){                  
        $( ".progressbar" ).progressbar( "option", "value", 0 );        
        $("#app_dialog").dialog("open");
        return false;
    });
    
    $("#app_frm").ajaxForm({
        dataType:  "json", 
        beforeSend: function() {            
            $( ".progressbar" ).progressbar( "option", "value", 0 );
        },
        uploadProgress: function(event, position, total, percentComplete) {                
            $( ".progressbar" ).progressbar( "option", "value", percentComplete );
        },
        success: function(data) {                        
            if(data.success == true)            
            {                
                $("#app_link").before(data.data);
                $(".app_file").val("");
            }        
            $("#app_result").html(data.message);                    
        }
    });
    
    $("#app_dialog").dialog({
        width: 400,
        autoOpen: false,            
        buttons: {
            "Upload": function() {
                $("#app_frm").submit();
            },
            "Cancel": function() {
                $(this).dialog("close");
                $( ".progressbar" ).progressbar( "option", "value", 0 );                
                $("#app_result").html("");
                $(".app_file").val("");                
            }
        }       
    });                   
   

});